<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="../css/d-shop.css">
    <link rel="stylesheet" href="../css/car-baes.css">
    <script src="../lib/jQuery/jQuery-3.6.0.js"></script>


</head>

<body>
    <!-- 头部 -->
    <div class="d-head">
        <!-- 灰色区域 -->
        <div class="d-head-gray-all">
            <div class="d-headsit-nav">
                <!-- 左半边 -->
                <div class="d-headNav-left">
                    <!-- 地区 -->
                    <div class="d-headCity">
                        <div class="d-headCityCity">
                            <i class="d-address"></i>
                            <span class="d-add-span">郑州市</span>
                        </div>
                        <div class="d-headCityYc">
                            <div class="hot">
                                <b>苏州市</b>
                                <b>北京市</b>
                                <b>天津市</b>
                                <b>上海市</b>
                            </div>
                            <div class="d-abc"></div>
                            <ul class="d-headCityUl"></ul>
                        </div>
                    </div>
                    <!-- 登录注册 -->
                    <div class="d-headinfo">
                        <a href="###" class="d-denglu">请登录</a>
                        <a href="###" class="d-zhuce">免费注册</a>
                    </div>
                </div>
                <!-- 右半边 -->
                <ul class="d-headNav-right">
                    <li>
                        <a href="###">我的订单</a>
                    </li>
                    <li class="d-spacer"></li>
                    <li><a href="###">我的浏览</a></li>
                    <li class="d-spacer"></li>
                    <li><a href="./personalcenter.html">我的收藏</a></li>
                    <li class="d-spacer"></li>
                    <li><a href="###">客户服务</a></li>
                    <li class="d-spacer"></li>
                    <li class="d-headNav-right-lastli">
                        <div class="fl ">网站导航
                            <div class="fl d-headNav-lastli-div1"></div>
                        </div>
                        <!-- 隐藏部分 -->
                        <div class="d-headNav-lastli-div2YC">
                            <div class="d-headNav-div2YCLeft fl">
                                <b><a href="###" class="d-notbs">特色主题</a></b>
                                <a href="###">男装女装</a>
                                <a href="###">鞋靴箱包</a>
                            </div>
                            <div class="d-headNav-div2YCRight fl">
                                <b><a href="" class="d-notbs">促销活动</a></b>
                                <br>
                                <a href="">拍卖活动</a> <a href="">共创商品</a> <a href="">积分商城</a>
                                <br>
                                <a href="">CMS频道</a> <a href="">优惠活动</a> <a href="">超值礼包</a>
                                <br>
                                <a href="">优惠券</a> <a href="">礼品卡</a> <a href="">预售商品</a>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <!-- 头部 -->
        <div class="d-head-white-all">
            <div class="d-head-main">
                <!-- log -->
                <div class="d-headlogo">
                    <img src="../images/d-head-logo.gif" alt="">
                </div>
                <!-- 文字区域 -->
                <div class="d-tit">
                    购物车（<em>0</em>）
                </div>
                <!-- 搜索区域 -->
                <div class="d-headSearch">
                    <input type="text" id="d-head-search" placeholder="手机">
                    <button type="submit" class="d-head-button">
                        <i class="d-searchshopshop"></i>
                    </button>
                </div>
            </div>
        </div>
    </div>
    <!-- 主体部分 -->
    <div class="d-shopping-main-all">
        <div class="d-shopping-main">
            <!-- 已购商品区域 -->
            <div class="d-shopping-pay">
                <div class="d-cart-message">
                    <div class="d-txt">购物车快饿瘪了，主人快给我挑点宝贝吧</div>
                    <div class="d-info">
                        <a href="../index.html" class="d-sc-redBg-btn">马上去逛逛</a>
                        <a href="###" id="go_pay" class="d-login">去登录</a>

                    </div>
                </div>
            </div>
            <!-- 猜你喜欢区域 -->
            <div class="d-shopping-hobby">
                <div class="d-shophobby">
                    <h3>猜你喜欢</h3>
                </div>
                <!-- 内容 -->
                <div class="d-shophobby-main">
                    <ul class="d-shopPayHobby">
                        <!-- 毛衣 -->
                        <li class="d-opacity_img">
                            <div class="p-img">
                                <a href="https://x.dscmall.cn/goods-770.html" target="_blank">
                                    <img src="../images/d-shophobby-maoyi.jpg" width="190" height="190"></a>
                            </div>
                            <div class="d-p-price">¥15.90</div>
                            <div class="d-p-name">
                                <a href="https://x.dscmall.cn/goods-770.html" target="_blank">
                                    秋季连衣裙两件套新款秋冬款长袖连衣裙宽松学生冬季
                                </a>
                            </div>
                            <div class="d-p-num">已售<em>1</em>件</div>
                        </li>
                        <!-- 裙子 -->
                        <li class="d-opacity_img">
                            <div class="p-img">
                                <img src="../images/d-shophobby-duanqun.jpg" width="190" height="190">
                            </div>
                            <div class="d-p-price">¥49.00</div>
                            <div class="d-p-name">
                                <a href="https://x.dscmall.cn/goods-770.html" target="_blank">
                                    LG17年春夏新款百搭半身裙蛋糕裙 a字裙 裤裙伞裙大码裙子超短裙女 松紧腰围 带裤边打底衬 涤针织...
                                </a>
                            </div>
                            <div class="d-p-num">已售<em>152</em>件</div>
                        </li>
                        <!-- 长袖连衣裙 -->
                        <li class="d-opacity_img">
                            <div class="p-img">
                                <img src="../images/d-shophobby-changxiuqunzi.jpg" width="190" height="190">
                            </div>
                            <div class="d-p-price">¥159.00</div>
                            <div class="d-p-name">
                                <a href="https://x.dscmall.cn/goods-770.html" target="_blank">
                                    韩都衣舍2016新款秋冬款长袖连衣裙宽松学生冬季内搭打底裙子韩版 领券下单立减/单件包邮/先拍先发货...
                                </a>
                            </div>
                            <div class="d-p-num">已售<em>2</em>件</div>
                        </li>
                        <!-- 夏装长裙 -->
                        <li class="d-opacity_img">
                            <div class="p-img">
                                <img src="../images/d-shophobby-xiazhuang.jpg" width="190" height="190">
                            </div>
                            <div class="d-p-price">¥166.00</div>
                            <div class="d-p-name">
                                <a href="https://x.dscmall.cn/goods-770.html" target="_blank">
                                    2017韩版女装夏装新款A字宽松松紧腰印花连衣裙DT7039乾 舒适松紧腰 A字版型 时尚印花
                                </a>
                            </div>
                            <div class="d-p-num">已售<em>2</em>件</div>
                        </li>
                        <!-- 针织毛衣 -->
                        <li class="d-opacity_img">
                            <div class="p-img">
                                <a href="https://x.dscmall.cn/goods-770.html" target="_blank">
                                    <img src="../images/d-shophobby-zhenzhimaoyi.jpg" width="190" height="190"></a>
                            </div>
                            <div class="d-p-price">¥159.00</div>
                            <div class="d-p-name">
                                <a href="https://x.dscmall.cn/goods-770.html" target="_blank">
                                    韩都衣舍秋冬喇叭长袖针织衫毛衣女套头宽松纯色百搭学生韩版打底 领券下单立减/单件包邮/先拍先发货！
                                </a>
                            </div>
                            <div class="d-p-num">已售<em>1</em>件</div>
                        </li>
                        <!-- 包包 -->
                        <li class="d-opacity_img">
                            <div class="p-img">
                                <a href="https://x.dscmall.cn/goods-770.html" target="_blank">
                                    <img src="../images/d-shophobby-baobao.jpg" width="190" height="190"></a>
                            </div>
                            <div class="d-p-price">¥1000.00</div>
                            <div class="d-p-name">
                                <a href="https://x.dscmall.cn/goods-770.html" target="_blank">
                                    COACH/蔻驰波士顿水桶包女包小号休闲单肩斜挎手提包 57521
                                </a>
                            </div>
                            <div class="d-p-num">已售<em>1</em>件</div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- 底部 -->
    <div class="d-foot">
        <!-- 底部版心 -->
        <!-- 灰色区域 -->
        <div class="d-foot-top">
            <!-- 灰色区域版心 -->
            <div class="d-foot-top-main">
                <div class="d-service-list">
                    <!-- 七天包退 -->
                    <div class="d-service-item">
                        <i class="d-f-icon d-f-icon-qi"></i>
                        <span>七天包退</span>
                    </div>
                    <!-- 正品保障 -->
                    <div class="d-service-item">
                        <i class="d-f-icon d-f-icon-zheng"></i>
                        <span>正品保障</span>
                    </div>
                    <!-- 好评如潮 -->
                    <div class="d-service-item">
                        <i class="d-f-icon d-f-icon-hao"></i>
                        <span>好评如潮</span>
                    </div>
                    <!-- 闪电发货 -->
                    <div class="d-service-item">
                        <i class="d-f-icon d-f-icon-shan"></i>
                        <span>闪电发货</span>
                    </div>
                    <!-- 权威荣誉 -->
                    <div class="d-service-item">
                        <i class="d-f-icon d-f-icon-quan"></i>
                        <span>权威荣誉</span>
                    </div>
                </div>
                <!-- 电话咨询客服 -->
                <div class="d-contact">
                    <div class="d-contact-item">
                        <i class="d-f-icon d-f-icon-tel"></i>
                        <span>4001-021-758</span>
                    </div>
                    <div class="d-contact-item-last">
                        <i class="d-f-icon d-f-icon-kefu"></i>
                        <span>咨询客服</span>
                    </div>
                </div>
            </div>

        </div>
        <!-- 黑色区域中间部分 -->
        <div class="d-foot-center">
            <!-- 版心 -->
            <div class="d-foot-center-main">
                <!-- 新手上路部分 -->
                <div class="d-help-list">
                    <div class="d-help-item">
                        <h3>新手上路</h3>
                        <ul>
                            <li><a href="###">售后流程</a></li>
                            <li><a href="###">购物流程</a></li>
                            <li><a href="###">订购方式</a></li>
                        </ul>
                    </div>
                    <div class="d-help-item">
                        <h3>配送与支付</h3>
                        <ul>
                            <li><a href="###">货到付款区域</a></li>
                            <li><a href="###">配送支付智能查询</a></li>
                            <li><a href="###">支付方式说明</a></li>
                        </ul>
                    </div>
                    <div class="d-help-item">
                        <h3>服务保证</h3>
                        <ul>
                            <li><a href="###">退换货原则</a></li>
                            <li><a href="###">售后服务保证</a></li>
                            <li><a href="###">产品质量保证</a></li>
                        </ul>
                    </div>
                    <div class="d-help-item">
                        <h3>联系我们</h3>
                        <ul>
                            <li><a href="###">网站故障报告</a></li>
                            <li><a href="###">选机咨询</a></li>
                            <li><a href="###">投诉与建议</a></li>
                        </ul>
                    </div>
                    <div class="d-help-item">
                        <h3>会员中心</h3>
                        <ul>
                            <li><a href="###">资金管理</a></li>
                            <li><a href="###">我的收藏</a></li>
                            <li><a href="###">我的订单</a></li>
                        </ul>
                    </div>
                </div>
                <!-- 二维码部分 -->
                <div class="d-fooot-center-ewm">
                    <div class="d-qr-item d-qr-item-first">
                        <div class="d-code_img"><img src="../images/d-foot-ewm1.jpg">
                        </div>
                        <div class="d-code_txt">关注微信</div>
                    </div>
                    <div class="d-qr-item">
                        <div class="d-code_img"><img src="../images/d-foot-ewm2.jpg">
                        </div>
                        <div class="d-code_txt">下载APP</div>
                    </div>
                </div>
            </div>
        </div>
        <!-- 黑色区域下部分 -->
        <div class="d-foot-bottom">
            <!-- 版心 -->
            <div class="d-foot-bottom-main">
                <p class="d-foot-nav">
                    <a href="###">首页</a>
                    <span class="d-foot-spacer"></span>
                    <a href="###">隐私保护</a>
                    <span class="d-foot-spacer"></span>
                    <a href="###">联系我们</a>
                    <span class="d-foot-spacer"></span>
                    <a href="###">免责条款</a>
                    <span class="d-foot-spacer"></span>
                    <a href="###">公司简介</a>
                    <span class="d-foot-spacer"></span>
                    <a href="###">商家入驻</a>
                    <span class="d-foot-spacer"></span>
                    <a href="###">供应商入驻</a>
                    <span class="d-foot-spacer"></span>
                    <a href="###">意见反馈</a>
                </p>
                <p class="d-foot-nav">
                    <a href="###">b2b2c</a>
                    <span class="d-foot-spacer"></span>
                    <a href="###">多用户商城系统</a>
                    <span class="d-foot-spacer"></span>
                    <a href="###">商城系统</a>
                    <span class="d-foot-spacer"></span>
                    <a href="###">ecjia新零售</a>
                </p>
                <p class="d-foot-nav2">
                    <span>ICP备案证书号:</span><a href="###">沪ICP备14029880号-5</a>
                </p>
                <p class="d-foot-nav2">
                    <a href="###">版权所有 © 2005-2021 大商创，并保留所有权利。POWERED BY DSCMALL</a>
                </p>
                <p class="d-foot-kong">&nbsp;</p>
            </div>
        </div>
    </div>

    <script src="../渲染数据/data.js"></script>
    <script src="../js/d-shop.js"></script>
</body>

</html>